<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
         <title>Facelet Title</title> 
      <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'></meta>
         <!-- Font awesome -->
         <link href="#{request.contextPath}/resources/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
         <!-- bootstrap 3.0.2 -->
         <link href="#{request.contextPath}/resources/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
         <!-- Ionicons -->
         <link href="#{request.contextPath}/resources/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
        <link href="#{request.contextPath}/resources/css/AdminLTE.css" rel="stylesheet" type="text/css" />
         
        <h:outputScript library="primefaces" name="jquery/jquery.js"/> 
    </h:head>
    <h:body class="skin-blue">
       
        <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
               
                    <!-- Sidebar user panel -->
                   
                    <div id="animacion" align="center" style="margin-top: 160px;">

                        <svg   x="0px" y="0px" viewBox="0 0 30 30" enable-background="new 0 0 30 30"  width="50" height="50">

                            <rect fill="#FBBA44" width="15" height="15">
                                <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="1.7s" values="0,0;15,0;15,15;0,15;0,0;" repeatCount="indefinite"/>
                            </rect>	

                            <rect x="15" fill="#E84150" width="15" height="15">
                                <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="1.7s" values="0,0;0,15;-15,15;-15,0;0,0;" repeatCount="indefinite"/>
                            </rect>	

                            <rect x="15" y="15" fill="#62B87B" width="15" height="15">
                                <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="1.7s" values="0,0;-15,0;-15,-15;0,-15;0,0;" repeatCount="indefinite"/>
                            </rect>	

                            <rect y="15" fill="#2F6FB6" width="15" height="15">
                                <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="1.7s" values="0,0;0,-15;15,-15;15,0;0,0;" repeatCount="indefinite"/>
                            </rect>
                        </svg>


                    </div>
               
                    <h3 align="center">Cargando<small>...</small></h3>
                    
                <!-- /.sidebar -->
            </aside>

        
    </h:body>
</html>

